
option{background-color:#000000;
		   color:#f9f9f9;
		   border:solid;}
a {text-decoration:none;font-size:10pt;color:#f9f9f9;}
a:*{
	color:#d40000;
}
body , table , td ,  input , textarea{font-size:9pt;background-color:#000;color:#f9f9f9;}


body, ul, li{
	margin:0px;
	padding:0px;
}


input , textarea {
  border : dotted 1px #333;
}

#logo{
	color:#fff;
}

#top{
  position:absolute;
  height: 25px;
  background-color:#d40000;
  border-bottom : dotted 1px #eeeeee;
  text-align:right;
  z-index:99;
}

#left{
  position:absolute;
  width : 150px;
  border-right: dotted 1px #333;
  z-index:98;
  height:95%;
  padding-right:20px;
  top:30px;
}

#content{
  padding-top:30px;
  padding-left:220px;
  height:500px;
}

.overflow{
  overflow:hidden;
  overflow-y:auto;
}



#top span{
	font-weight:bold;
	padding-right:30px;
}

#btn_logout{
	padding-right:20px;
}


#history_area{
	width:98%;
}


.box{
  width : 500px;
  border-bottom: dashed 5px #eeeeee;

}
.cmt_box{
  border:solid 1px #333333;
}
.cmt_name{
width: 100px; 
}
.cmt_content{
width : 270px;
height : 30px;
}
.num{
  font-size:11pt	;
  margin:5px;
}

.cmt_list{
  width:400px;

}
.menu{
  background-color:#333333;
  border:solid 1px #f9f9f9;
  margin-bottom:5px;
  padding-left:10px;
cursor:pointer;
400
}


#contact{
  border:dashed 5px #eeeeee;
  font-weight:bold;
  padding:5px 5px 5px 5px;
}
#position{
  border-bottom:dashed 5px #eeeeee;
  border-right:dashed 5px #eeeeee;
  border-top:dashed 5px #eeeeee;
  font-weight:bold;
  padding:5px 5px 5px 5px;
  height:45px;
  text-align:center;
  font-size:15px;
}
.title{
  font-size:20px;
  font-weight:bold;
  text-align:left;
}

#g_content{
  width:400px;

}

#txt_status{
  width:99%;
  height:117px;
}

#status{
    width:69%;
    border:dashed 1px #555;
    padding:0px;
	margin-bottom:30px;
	min-width:500px;
	max-width:900px;
}

#msg_type{
	padding:0;
	margin:0;
	list-style:none;
	text-align:right;
}

#msg_type li{
	float:left;
	border:solid 1px #333;
	font-weight:bold;
	width:100px;
	text-align:center;
	cursor:pointer;
}

#btn_status {
    width:100px;
    height:123px;
    font-weight:bold;
    font-size:20px;
	vertical-align:top;
}



table.history{
  width : 70%;
  border:solid 2px #333;
  position:static;
  margin-bottom:30px;
  min-width:500px;
  max-width:900px;

}



td.history_content{
 width:90%;
 padding:5px 20px 20px 10px;
 position:relative;
 vertical-align:top;
 word-break:break-word;
 font-family: Georgia, "Times New Roman", serif;
 font-size: 1.15em;
 line-height: 1.75em;
}

td.history_date{
 color:#f9f9f9;
 font-weight:bold;
 text-align:right;
}

span.history_name{
 padding:10px 0 20px 20px;
 color:#FFC900;
 font-weight:bold;
 text-align:center;
}

div#comment_list_area{
  color : #333;
}


div#comment_list_area tbody{
border-bottom:dashed 1px #000;
}

#guestContent{
  border-top:dashed 5px #eeeeee;
}

	#uploadArea{
		position : absolute;
		z-index : 1000;
		width : 280px;
		height : 180px;
		border:solid 1px #000000;
		background-color : #888888;
		top: 100px;
		left : 100px;
		display : none;
	
	}

	.guestSetup{
		width : 500px;
		height : 400px;
		background-color : #333333;
		border:dashed 2px #333;
	}
  

	#guestArea{
		display : inline;
    border-bottom:dashed 5px #eeeeee;
	}

	.memoBox{
		cursor : move;
		position : absolute;
		width : 150px;
		height : 150px;
		border:solid 1px #000000;
		background-color : #888888;
	}
	.memoBox table td{
		font-size : 8pt;
	}

	.reply{
		margin : 0  3px  0  3px;
		background-color : #FF3300;
		border:solid 1px #CC0000;
		font-size : 8pt;
	}
  #g_btn , #upBtn{
    width:80px;
    height:80px;
  }

	#copyright{
		width : 100%;
		height:20px;
		border : dotted 1px #eeeeee;
		bottom :0px;
	}

  .ntc_date{
    font-weight:bold;
    font-size:15px;
  }

  #photoArea{
    text-align:left;
  }
  
  #photoList{
    width : 100%; 
    text-align : left;
    padding:0 10px 0 10px;
    vertical-align:top;
    position:relative;
  }
  #albumList{
    width:100%;
  }
  .albumTable{
    border:dotted 1px #eeeeee;
    width:160px;
    height:180px;
    font-size:15px;
    font-weight:bold;
    cursor:pointer;
    text-align:left;
    margin:10px 10px 10px 10px;
    display:inline-block;
  }
  .photoTable{
    cursor:pointer;
    margin:10px 10px 10px 10px;
    display:inline-block;
    position:relative;
  }

  #commentListArea{
    border:solid 1px #888888;
    color : #000;
    width:400px
  }
  #commentListArea ul li table td{
    color : #f9f9f9;
  }
  #commentWriteArea{
    color : #f9f9f9;
  }
  #commentListArea ul{
    margin : 0 0 0 0;
  }
  #cmtWriter{
    border:solid 1px #888888;
    color:#888888;
    width:100px;
    background-color:#ffffff;
    margin-bottom:10px;
  }
  #cmtContent{
    border:solid 1px #888888;
    color:#888888;
    width:100%;
    height:50px;
    background-color:#ffffff;
  }
  .smallPhoto{
    border:solid 5px #ffffff;        
    cursor:pointer;
    width:200px;
  }

  #descriptionArea{
    background-color:#eeeeee;
    color:#222222;
    width:100%;
  }
  .fc{
    color:#FFC900;
	font-weight:bolder;
	font-size:14px;
  }
  .comment_date{
	font-size:10px;		
	color:#888;
	font-weight:bold;
  }

  .message_area{
  	width:70%;
  }

  /*timeline index*/

  div#bottom_bar{
  	width:99%;
	height:25px;
	border:dashed 1px #eee;
	background-color:#333;
	vertical-align:middle;
	font-weight:bold;
	line-height:25px;
	margin-bottom:30px;
	position: fixed;
	bottom: -30px;
	left: 0px;
	z-index:99;
  }
div.comment_area{
    /*border:solid 1px #888888;*/
	height:55px;
	vertical-align:top;
	width:100%;
	padding-top:5px;
}
 textarea.txt_comment{
	border:none;
    color:#000;
    width:100%;
    height:20px;
    background-color:#fff;
	scroll:none;
  }
input.btn_comment_write{
	border:solid 1px #eee;
	width:50px;
	height:50px;
	margin:0;
	padding:0;
	vertical-align:top;
	display:none;
}

div.feex_area{
	margin-top:5px;
	float:left;
	border:solid 1px #eee;
	width:90%;
	padding:5px;
}

ul.emotion,ul.btn_level{
	float:left;
	list-style:none;
	display:block;
	width:200xp;
	margin-left:5px;
}

div.profile_img{
	width:145px;
	text-align:center;
}

ul.btn_level{
}


ul.emotion li,ul.btn_level li{
	float:left;
	font-weight:bold;
	color:#fff;
	background-color:#000;
	border:solid 1px #333;
	margin:2px;
	padding:2px;
	font-size:12px;
	cursor:pointer;
	opacity:0.5;
	filter:alpha(opacity=50);
}

span.btn_delete{
	padding:10px;
}

#activity_rate{
	font-size:30px;
	color:#FFC900;
	font-weight:bold;
	text-align:right;
	width:80%;
	float:left;
	background-color:#333;
}

#btn_more{
	padding-left:20px;float:left;
}

#btn_more a{
	font-size:25px;
}

#alert{
	position:absolute;
	z-index:101;
	width:400px;
	height:100px;
	text-align:center;
	background-color:#333;
	color:#eee;
	font-size:15px;
	font-weight:bold
}

#modal{
	position:absolute;
	top:0;
	left:0;	
	z-index:100;
	width:100%;
	height:100%;
	text-align:center;
	background-color:#000;
	color:#eee;
	center:0; 
	opacity:0.8;
	filter:alpha(opacity=80);
}

#emotion_status{
	border:solid 2px #333;
	text-align:center;
	width:120px;
	margin-left:10px;
	cursor:pointer;
}

#total_emotion{
	font-weight:900;
	font-size:40px;
	text-align:center;
}
h1#left_tit{
	margin:0;
	padding:0 0 0 10px;
	font-size:15px;
	text-align:left;
	color:#888;
	width:120px;
}


.level_box{
	margin-left:10px;
	width:120px;
	border:solid 3px #333;
	font-size:18px;
	text-align:left;
	font-weight:bold;
	margin-bottom:5px;
	cursor:pointer;
}

.border_box{
	margin-left:10px;
	width:120px;
	border:solid 3px #333;
	font-size:14px;
	text-align:left;
	font-weight:bold;
	margin-bottom:5px;
}

#txt_point span{
	color:#d40000;
	font-size:26px;
	font-weight:bold;
	text-decoration:undeline;
}

.baloon_explain{
	position: absolute;
	border: solid 1px #EEE;
	width: 180px;
	background: #000;
	color: #eee;
	padding: 10px;
	left:150px;
	text-align:left;
	font-size:12px;
	border-radius:5px;
	opacity:0.9;
	filter:alpha(opacity=90);
	display:none;
}

.baloon_explain b{
	font-size:15px;
	color:#888;
}

.baloon_explain p{
	font-size:20px;
	color:#f9f9f9;
	font-weight:bold;
	padding:0;
	margin:0;
}

.chk_ele{
	opacity:1.0;
	filter:alpha(opacity=100);
}

.unchk_ele{
	opacity:0.5;
	filter:alpha(opacity=50);
}

.checked_type{
	background-color:#888;
}

.checked_type2{
	background-color:#888;
}


/*/////////////////////////////////////////////////////////////
///paper
/////////////////////////////////////////////////////////////*/

ul{
list-style:none;
}
.pbox{
	float:left;
}

#content_message{
	height:60%;
}

#left_contents , #right_contents{
	width:420px;
	padding:5px;
	height:600px;
	display:block;
}

#left_page_count, #right_page_count{
	font-size:25px;
	color:#888;

}

.page_info{
	display :none;		
}


.btn_arrow_left a, .btn_arrow_right a{
	font-size:80px;
	vertical-align:middle;
	color:#111;
}
.btn_arrow_left a:hover, .btn_arrow_right a:hover{
	color:#eee;
}
.btn_arrow_left, .btn_arrow_right{
	padding-top:250px;
	text-align:center;
}

/*
.btn_arrow_left{
	position:absolute;
	left:10px;
	top:200px;
}

.btn_arrow_right{
	position:absolute;
	right:10px;
	top:200px;
}
*/

#viewer_background{
	padding:0px;
}



#detail_layer{
position:absolute;
z-index:101;
width:100%;
background-color:#333;
top:0px;
left:0px;
display:none;
}

#detail_layer div.feed_body{
padding:50px 100px 50px 30px;
}
	

#detail_layer header{
	position:fixed;
	border: solid 1px #EEE;
	height:50px;
	width:100%;
	left:0px;
	background-color:#999;
}

#detail_layer footer{
	position:fixed;
	border: solid 1px #EEE;
	bottom: 0px;
	height:50px;
	width:100%;
	left:0px;
	background-color:#999;
}

#detail_layer header h1#detail_subject{
	padding-left:20px;
	color:#333;
}

#detail_layer header p {
	position:absolute;
	left:95%;
	top:0px;
}

#detail_layer header p a{
	font-size:25px;
	font-weight:bold;
}

#detail_layer .w_btn{
}

.page_ele, .page_count{
	float:left;
}

.page_count{
	height:610px;
	font-weight:bold;
	color:#eee;
}
div#viewer_body{
	position:absolute;
	z-index:100;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:none;
	background-color:#333;
}

.body_box{
	width:98%;
	height:200px;
}

div#tag_list{
	padding:10px;
	width:100%;
	height:100%;
}

.content_box{
	width:100%;
	height:100%;
	border:solid 1px #888;
}

div#tag_search_area{
	text-align:right;
}

span.span_tag{
	padding-right:2px;
	padding-left:2px;

}



span.span_tag a{
	font-size:12px;
	color:#fff;
}
span.span_tag a:link{
	
}

span.span_tag a:hover{
}

#viewer_top{
padding:5px 0 5px 0;
}

.btn_close a{
	border:solid 1px #eee;
	padding:5px 8px 5px 8px;
	font-weight:bold;
}

#magagine_list{
	padding:10px;
	width:100%;
}

#magagine_list ul li{
	float:left;
	margin-right:15px;
}

.magagine_each{
	width:100%;
	height:60px;
	border:solid 1px #888;
	font-weight:bold;
	font-size:15px;
	text-align:right;
	padding-top:50px;
	cursor:pointer;
	padding-right:10px;
}

div#intro_area{

}

#tiles{
	list-style-type: none;
	position: relative;
	margin: 0;
	padding: 0;
}

#tiles li{
	width: 300px;
	mix-height : 400px;
	border: 1px solid #dedede;
	background-color:#fff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor: pointer;
	padding: 4px;
	float:	left;
	background-repeat:no-repeat;
	background-position:center;
}

#tiles li img{
	width:100%;
}

#tiles li div{
	color:#000;
	font-family: Georgia, 'Times New Roman', serif;
}

#tiles li div h3{
	color:#000;
	font-weight:bold;
	padding-left:20px;
}

#tiles li div h5{
	color:#000;
	font-weight:bold;
}

#paperViewer{
	color:#000;
}

#paperViewer .modal-dialog{
	width:70%;
}


#paperViewer .modal-dialog #myModalContents{
	height:600px;
	overflow-y:auto;
	font-family: Georgia, 'Times New Roman', serif;
	
}


/*/////////////////////////////////////////////////////////////
///friends
/////////////////////////////////////////////////////////////*/

.friends_item{
	border:solid 1px #333;
	width : 330px;
	padding:10px;
	border-radius:10px;
	height: 240px;
	margin: 5px;
	float: left;
}

.friends_item div.friends_img{float:left;width:150px;height:180px;background-repeat:no-repeat;background-position:center;}
.friends_item div.friends_detail{float:left;}
.friends_item div.friends_detail p{margin:0;width:120px;text-align:center;font-weight:bold;font-size:20px;}
.friends_item div.friends_detail ul{margin:10px;}
.friends_item div.friends_detail ul li{margin:3px;}
.friends_item div.friends_detail ul li span{font-weight:bold;}
